<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

	<ui:composition 
	  xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      template="/templates/templateLayout.xhtml">
      
      <ui:define name="conteudo"> 
      

      	
<link rel="stylesheet" type="text/css" href="estilos.css"/>
 
 <h:form id="formAssociarMilestone" prependId="false"> 
	<p:commandButton value="Projeto" action="#{projetoBean.viewProjeto}" immediate="true" />
	<p:commandButton value="Atividade" action="#{atividadeBean.consultarAtividade}"/>
 	<p:commandButton value="Milestone" action="#{milestoneBean.consultarMilestone}"/>
 	<p:commandButton value="Membro" action="#{projetoBean.membroProjeto}"/>
 	<p:commandButton value="Log" action="#{projetoBean.consultarLog}"/> 
    <p:growl id="messages" style="font-size:14px;"/>  
	<p:panel id="PanelConsultarAtividade" header="Adicionar Atividades" style=" font-size:20px; margin-bottom:20px; ">  

    	<h:panelGrid id="idPanelGridAtividade" columns="4" style="text-align:center; margin-top:20px; margin-right:10%;">  
            <h:outputLabel value="Código da Atividade:" style="font-size:14px;"/>  
            <p:inputText  style="width:100px; heigth:15px; font-size:14px;"/>  
  
            <p:outputLabel value="Nome da Atividade:" style="font-size:14px; padding-left:10px;"/>  
            <p:inputText value="#{projetoBean.atividadeSelecionada.nomeAtividade}" style="width:200px; heigth:15px; font-size:14px;"/>  
            
            <h:outputLabel value="Data de início:" style="font-size:14px; text-align:right; float:right;"/>  
            <p:inputText value="#{projetoBean.dtInicialAtividade}" style="width:100px; heigth:15px; font-size:14px;"/>  
  
           	<p:outputLabel value="Data final:" style="font-size:14px; padding-left:10px; float:right;"/>  
            <p:inputText value="#{projetoBean.dtFinalAtividade}" style="width:100px; float:left; heigth:15px; font-size:14px;"/>    
        </h:panelGrid>  
    </p:panel>  
    <p:commandButton value="Consultar" actionListener="#{projetoBean.listaAtividadeSemMilestone}"  update="dataTableAtividade" style="margin-right:20px; margin-left:10px;" /> 
	<p:commandButton id="novaAtividadeteste" value="Nova Atividade" actionListener="#{atividadeBean.openDialogManterAtividade}" style="margin-right:20px;" /> 
	<p:commandButton value="Voltar" action="#{projetoBean.voltarMilestone}"  style="margin-right:20px;" />
    		
   		
    <p:dataTable id="dataTableAtividade" var="atividade" value="#{projetoBean.listaAtividadeSemMilestone()}"  
    			 rowKey="#{atividade.idAtividade}" selection="#{projetoBean.checkAtividade}"
                 paginator="true" rows="10"  
                 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  
                 rowsPerPageTemplate="5,10,15" style="padding-top:20px;">  
        <f:facet name="header">Lista de Atividades</f:facet>  
  		<p:column selectionMode="multiple" style="width:2%" /> 
		<p:column>  
            <f:facet name="header">  
                <h:outputText value="Código da Atividade" />  
            </f:facet>  
            <h:outputText value="#{atividade.idAtividade}" />  
        </p:column>  
  
        <p:column>  
            <f:facet name="header">  
                <h:outputText value="Nome da Atividade" />  
            </f:facet>  
            <h:outputText value="#{atividade.nomeAtividade}" />  
        </p:column>  
        
         <p:column>  
            <f:facet name="header">  
                <h:outputText value="Nome do Projeto" />  
            </f:facet>  
            <h:outputText value="#{atividade.projeto.nomeProjeto}" />  
        </p:column>  
  
        <p:column>  
            <f:facet name="header">  
                <h:outputText value="Data de início" />  
            </f:facet>  
            <h:outputText value="#{atividade.dtInicial}" />  
        </p:column>  
  
        <p:column>  
            <f:facet name="header">  
                <h:outputText value="Data de Conclusão" />  
            </f:facet>  
            <h:outputText value="#{atividade.dtFinal}" />  
        </p:column> 
        <p:column>  
            <f:facet name="header">  
                <h:outputText value="Responsável" />  
            </f:facet>  
            <h:outputText value="#{atividade.usuario.nome}" />  
        </p:column>  
        <p:column>  
            <f:facet name="header">  
                <h:outputText value="Status" />  
            </f:facet>  
            <h:outputText value="#{atividade.status}" />  
        </p:column>   
        
        <p:column style="width:4%">  
        	<f:facet name="header">
        	 <h:outputText value="Editar" />
        	</f:facet>
         	<p:commandButton id="selectButtonEditar" onclick="confirmation.show()" type="button" process="@this" icon="ui-icon-search" title="Detail" /> 
        </p:column> 
        
        <p:column style="width:4%">  
         	<p:commandButton id="selectButtonDelete" action="#{projetoBean.excluirProjeto}" icon="ui-icon-circle-plus" title="Delete" />
        </p:column>
         <f:facet name="footer">  
            <p:commandButton id="multiViewButton" value="Adicionar" icon="ui-icon-search" onclick="confirmation.show()" 
                             />  
        </f:facet> 
    </p:dataTable>   
    
    <p:confirmDialog id="confirmDialog" message="Associar Atividade?"  
                header="Adicionar Atividades ao Milestone" widgetVar="confirmation" appendToBody="true">  
                  
        <p:commandButton id="confirm" value="Yes Sure" oncomplete="confirmation.hide()" process="@this" 
                    action="#{projetoBean.associarAtividade}" update="dataTableAtividade"/>  
        <p:commandButton id="decline" value="Not Yet" onclick="confirmation.hide()" type="button" />   
                  
    </p:confirmDialog>
</h:form>  	

</ui:define>
</ui:composition>
